/* 清除标签默认的margin和padding值 */
* {
  margin: 0;
  padding: 0;
}

/* 清楚浮动，浮动会带来盒子塌陷，高度撑不起 */
.clearfix:after {
  content: ".";
  visibility: hidden;
  height: 0;
  display: block;
  clear: both;
}

/* 去除ul标签的默认的序列点 */
ul,
li {
  list-style: none
}

/* 去除a标签的默认颜色和下划线 */
a {
  color: #333;
  text-decoration: none;
}

/* 图片设置宽高为100%，父元素设置多大，图片就根据父元素的宽高设定 */
img {
  width: 100%;
  height: 94px;

}

/* 给整个的页面设置默认的字体，字体大小，字体颜色，背景颜色 */
body {
  font-family: "微软雅黑";
  font-size: 14px;
  color: #333;
  background: #f8f8f8;
}

/* 版心宽度，版心是指页面中主要内容所在的区域,即每页版面正中的位置，设置外边距上下0左右为自动，就会居中 */
.ban {
  width: 1010px;
  margin: 0 auto;
}

.ban a {
  color: black;
}

/* 导航条，宽度百分百，min-width是最小宽度，如果不设置浏览器窗口变小时，会压缩，高度，背景颜色 */
.head {
  width: 100%;
  min-width: 1010px;
  height: 100px;
  background-color: #fff;
}

/* ul设置版心大小的宽度，设置行高 */
.head ul {
  width: 1010px;
  margin: 0 auto;
  height: 100px;
  line-height: 100px;
}

/* 设置li浮动到左边，li会并列排成一行，但是浮动就会造成父元素塌陷哦，记得给父元素清楚浮动 */
.head ul li {
  float: left;
}

/* 登录设置浮动到右边，设置右外边距 */
.head ul .login {
  float: right;
  margin-left: 18px;
}

/* a标签设置去除下划线，字体大小，颜色 */
.head ul li a {
  text-decoration: none;
  font-size: 14px;
  color: #707070;
}

/* 设置logo的样式，*display和*zoom是兼容Ie低版本，可以百度查看下 */
.head ul li a span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 4px;
  background-color: #ee5044;
  margin-right: 4px;
  border-radius: 2px;
  margin-bottom: -4px;
}

.head ul li a .logo {
  height: 18px;
}

.head ul li a .logoo {
  height: 28px;
  vertical-align: -4px;
}

.head ul li a .logo-b {
  margin-right: 15px;
}

.head ul .first {
  margin-right: 108px;
}

.head ul .center a {
  padding: 0 20px;
}

/* 搜索条的设置，宽高，顶部外边距，相对定位，方便子元素进行定位，设置底部和右部边框 */
.head ul .search {
  width: 150px;
  height: 20px;
  margin-top: 44px;
  position: relative;
  /* border-top:1px solid #31c27c; */
  border-bottom: 1px solid #31c27c;
  /* border-right: 1px solid #31c27c; */
  /* border-left:1px solid #31c27c; */
}

/* 设置输入框绝对定位,定位到左上，去除边框，去除获取焦点的拉瑟边框 */
.head ul .search .tex {
  width: 130px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  outline: none;
}

/* 搜索按钮，设置宽高，行高，绝对定位，定位到右上去除边框去除点击默认样式，设置背景颜色 */
.head ul .search .btn {
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  outline: none;
  background-color: #fff;
}

/* 这里i是字体图标的设置 */
.head ul .search .btn i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

.head ul .dotted {
  width: 1px;
  height: 20px;
  margin-top: 44px;
  border-right: 1px dotted #cccccc;

}

.head ul li a {
  padding: 40.6px 0px;
}

.head ul li:nth-child(n+2):nth-child(n-2):hover {
  color: #ff3300;
  display: inline-block;
  background-color: #ddd;
  color: white;
}


.head ul .spe a {
  padding: 40.6px 20px;
  color: white;
  background-color: #31c27c;
}

/* 版权 */
.footer {
  width: 1010px;
  margin: 60px auto;
}

.footer .our p {
  margin-top: 8px;
  font-size: 12px;
  color: #AAA;
}

.back {
  background-image: linear-gradient(to bottom, rgb(237, 237, 237), rgb(250, 250, 250));
  margin: 0;
}

/*宣传服务*/
.pxx-service {
  height: 174px;
  background-color: rgb(51, 51, 51);
}

.pxx-service .container {
  width: 1393px;
  height: 173px;
  border-bottom: 1px solid #434343;
}

.pxx-service .container a {
  float: left;
  width: 33.33%;
  height: 173px;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  line-height: 173px;
}

.pxx-service .container a::before {
  content: '';
  display: inline-block;
  width: 58px;
  height: 58px;
  margin-right: 19px;
  vertical-align: middle;
}

.pxx-service .container a:nth-child(2)::before {
  background-position: -130px 0;
}

.pxx-service .container a:nth-child(3)::before {
  background-position: -65px 0;
}

/*版权信息*/
.pxx-copyright {
  height: 168px;
  background-color: rgb(51, 51, 51);
}

.pxx-copyright .container {
  height: 168px;
  text-align: center;
  font-size: 14px;
  color: #999999;
  padding-top: 41px;
  box-sizing: border-box;
}

.pxx-copyright .container a {
  color: #999999;
}

.pxx-copyright .container p:first-child {
  height: 35px;
}